.nav-bar {
  position: relative;
  flex-shrink: 0; //不收兄弟欺压
  height: 49px;
  width: 100%;
  z-index: 100;
  background: #fff;
  ul {
    display: flex;
    height: 100%;
  }
  ul li {
    flex: 1;
    height: 100%;
    list-style: none;
    a {
      display: block;
      width: 100%;
      height: 100%;
      font-size: 12px;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      color: #797d82;
      padding-top: 8px;
      i {
        font-size: 25px;
        margin-bottom: 2px;
      }
      &.active{
        color: #ff5f16;
      }
    }
  }
}
.nav-bar:before{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #ededed;
  color: #ededed;
  transform-origin: 0 0;
  transform: scaleY(.5);
}
